<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="JS/jquerymin.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.css" rel="stylesheet">
    <link rel="stylesheet" href="CSS/public.css">
    <link rel="stylesheet" href="CSS/index.css">
</head>

<body>
    <div class="TOP">
        <div>
            <h1>渔业管理系统</h1>
        </div>

        <ul class="nav">
            <li> <a href="#"> IS控制台</a></li>
            <li><a href="TaskPlann.html"> 计划任务管理</a></li>
            <li><a href="DataResource.html"> 生产主体库</a></li>
            <li><a href="#"> 命名管理</a></li>
            <li><a href="#"> 基础信息管理</a></li>
            <li><a href="System.html"> 系统管理</a></li>
        </ul>

        <div class="admin">
            <span><img src="img/用户.png" alt="" width="40" height="40"></span>
            <div class="admin_user">区级信息管理员：admin </div>
            <span><img src="img/下箭头.png" alt="" width="13" height="13"></span>
            <div class="uesr_state" style="height: 0px;">
                <ul>
                    <li>个人信息</li>
                    <li>修改头像</li>
                    <li>修改密码</li>
                </ul>
                <div>切换到种植系统</div>
                <div>清除系统缓存</div>
                <div class="out">退出</div>
            </div>
        </div>
    </div>

    <div class="Left">
        <ul class="list">
            <li>采集</li>
            <li>已到期</li>
            <li>数据查看</li>
            <div class="xian"></div>
        </ul>
        <!-- 采集内容 -->
        <div class="date-box">
            <div class="date_body">
                <h1><button>选择</button><span>西郊数据采集</span></h1>
                <ul class="list_content">
                    <li class="go">
                        <strong>任务开始时间：</strong>
                        <span>2021-08-23 14:34:00</span>
                    </li>
                    <li class="end">
                        <strong>任务结束时间：</strong>
                        <span>2021-09-23 00:00:00</span>
                    </li>
                    <li class="list_btn">
                        <div><button>采集区域</button><button>采集要求</button></div>
                        <div><button>指向情况</button><button>数据清单</button></div>

                    </li>
                    <li class="list_text">
                        <div>图斑总数：<span>7794</span></div>
                        <div>已审核：<span>1</span></div>
                        <div>已采集：<span>6</span></div>
                        <div>未采集：<span>7788</span></div>
                    </li>
                </ul>
            </div>

            <div class="date_body">
                <h1><button>选择</button><span>西郊数据采集</span></h1>
                <ul class="list_content">
                    <li class="go">
                        <strong>任务开始时间：</strong>
                        <span>2021-08-23 14:34:00</span>
                    </li>
                    <li class="end">
                        <strong>任务结束时间：</strong>
                        <span>2021-09-23 00:00:00</span>
                    </li>
                    <li class="list_btn">
                        <div><button>采集区域</button><button>采集要求</button></div>
                        <div><button>指向情况</button><button>数据清单</button></div>

                    </li>
                    <li class="list_text">
                        <div>图斑总数：<span>7794</span></div>
                        <div>已审核：<span>1</span></div>
                        <div>已采集：<span>6</span></div>
                        <div>未采集：<span>7788</span></div>
                    </li>
                </ul>
            </div>
            <div class="date_body">
                <h1><button>选择</button><span>西郊数据采集</span></h1>
                <ul class="list_content">
                    <li class="go">
                        <strong>任务开始时间：</strong>
                        <span>2021-08-23 14:34:00</span>
                    </li>
                    <li class="end">
                        <strong>任务结束时间：</strong>
                        <span>2021-09-23 00:00:00</span>
                    </li>
                    <li class="list_btn">
                        <div><button>采集区域</button><button>采集要求</button></div>
                        <div><button>指向情况</button><button>数据清单</button></div>

                    </li>
                    <li class="list_text">
                        <div>图斑总数：<span>7794</span></div>
                        <div>已审核：<span>1</span></div>
                        <div>已采集：<span>6</span></div>
                        <div>未采集：<span>7788</span></div>
                    </li>
                </ul>
            </div>
            <div class="date_body">
                <h1><button>选择</button><span>西郊数据采集</span></h1>
                <ul class="list_content">
                    <li class="go">
                        <strong>任务开始时间：</strong>
                        <span>2021-08-23 14:34:00</span>
                    </li>
                    <li class="end">
                        <strong>任务结束时间：</strong>
                        <span>2021-09-23 00:00:00</span>
                    </li>
                    <li class="list_btn">
                        <div><button>采集区域</button><button>采集要求</button></div>
                        <div><button>指向情况</button><button>数据清单</button></div>

                    </li>
                    <li class="list_text">
                        <div>图斑总数：<span>7794</span></div>
                        <div>已审核：<span>1</span></div>
                        <div>已采集：<span>6</span></div>
                        <div>未采集：<span>7788</span></div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 到期内容 -->
        <div class="date-box2">
            <div class="date_body">
                <h1><button>选择</button><span>西郊数据采集</span></h1>
                <ul class="list_content">
                    <li class="go">
                        <strong>任务开始时间：</strong>
                        <span>2021-08-23 14:34:00</span>
                    </li>
                    <li class="end">
                        <strong>任务结束时间：</strong>
                        <span>2021-09-23 00:00:00</span>
                    </li>
                    <li class="list_btn">
                        <div><button>采集区域</button><button>采集要求</button></div>
                        <div><button>指向情况</button><button>数据清单</button></div>

                    </li>
                    <li class="list_text">
                        <div>图斑总数：<span>7794</span></div>
                        <div>已审核：<span>1</span></div>
                        <div>已采集：<span>6</span></div>
                        <div>未采集：<span>7788</span></div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 数据查看 -->
        <div class="date-box3" id="canva_box">
            <!-- <div class="canva">
                <h2>鱼塘总数量：28525</h2>
                <span>各二级地类数量</span>
                <div class="round">

                </div>
                <div class="round_text">
                    <i></i>
                    <div class="yut_text">
                        <div>鱼塘</div>
                        <span>28525</span>
                    </div>
                </div>
                <div id="container3" style="height: 100%"></div>
           

            </div> -->
            <!-- <div class="canva">
                <div id="container" style="height: 100%"></div>
          
            </div>
            <div class="canva">
                <div id="container2" style="height: 100%"></div>
             
            </div>
            <div class="canva">
                <div id="container1" style="height: 100%"></div>
              
            </div> -->
          
        </div>




    </div>


    <div class="main">
        <div class="main_btn">
            <button id="ceragebtn">区镇级管理员 / 创建任务计划 <i>
                    <img src="img/右箭头.png" width="20" height="20"></i>
            </button>
            <button>任务执行 / 数据标注 / 村居采集 , 镇 / 街区支持录入
                <i><img src="img/右箭头.png" width="20" height="20"></i>
            </button>
            <button><i><img src="img/灯泡.png" width="20" height="20"></i> 任务数据查看 / 审核 / 镇街审核 / 区支持审核</button>

        </div>
        <div style="width: 100%; height: 1000px;" id="dituContent"></div>

    </div>

     
    <div class="mimicry" style="display: none" id="minicry">
        <div id="lowpasswordbox" >
            <h2>计划任务管理</h2>
            <ul class="listpos">
                <li><i>*</i><span>计划任务</span><input type="text" minlength="0" maxlength="20" ><span id="span2"> </li>
                <li><i>*</i><span>采集时间</span><input type="datetime-local" placeholder="采集任务开始时间"><div class="xian1"></div><input  type="datetime-local" placeholder="采集任务结束时间" >  </li>
                <li><i>*</i><span>采集区域</span><input type="text" placeholder="请选择"> <button class="all" >全选</button></li>
            </ul>
            <p>采集要求</p>
            <textarea name="" id="" cols="100" rows="3"></textarea>
            <div id="img_box"></div>
            <div class="file-box" ><input class="file" type="file"  accept="image/*" id="file"> <div>+</div></div>
            <button id="getclear">保存计划任务</button>
        </div>
    </div>









    <script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
    <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="js/jquerymin.js"></script>
    <script src="js/axios.js"></script>
    <script src="api/api.js"></script>
    <script src="JS/carva.js"></script>
    <script src="JS/index.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZRGRoUlxsVxcjCG468BWjwIBSho2qEbT">//百度
    </script>

</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
        var point = new BMap.Point(120.21201, 30.2084); //定义一个中心点坐标
        map.centerAndZoom(point, 12); //设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map; //将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
        map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({
            anchor: BMAP_ANCHOR_TOP_LEFT,
            type: BMAP_NAVIGATION_CONTROL_LARGE
        });
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({
            anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
            isOpen: 1
        });
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({
            anchor: BMAP_ANCHOR_BOTTOM_LEFT
        });
        map.addControl(ctrl_sca);
    }


    initMap(); //创建和初始化地图
</script>

</html>